<!DOCTYPE html>
<html>

<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta content="always" name="referrer">
<meta name="format-detection" content="telephone=no" />
<meta name="viewport"
	content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<title>首页</title>
<link rel="stylesheet" href="/LianniuWeb/tea/css/reset.css">
<link rel="stylesheet" href="/LianniuWeb/tea/css/swiper3.1.0.min.css">
<link rel="stylesheet" href="/LianniuWeb/tea/views/index/index.css">
</head>

<body>
	<div class="top-search">
		<span class="fl address-chose" id="expressArea">长沙</span>
		<div class="search-box fl">
			<span class="search-con fl">搜索茶山/茶叶/其他农产品</span>
		</div>
		<div id="scan" class="code-box fr">扫一扫</div>
	</div>
	<div class="swiper-container swiper-container1">
		<div class="swiper-wrapper">
			 <!-- <div class="swiper-slide">
					<img src="http://f12.baidu.com/it/u=3258690773,159948086&fm=72" />
				</div>
				<div class="swiper-slide">
					<img src="" />
				</div>
				<div class="swiper-slide">
					<img src=""
					/>
				</div> -->
		</div>
		<!-- 如果需要分页器 -->
		<div class="swiper-pagination"></div>
	</div>
	<div class="nav-box">
		<ul class="clear">
			<li class="fl">
				<p class="" id="skill-list"></p> <span class="">茶人茶艺</span>
			</li>
			<li class="fl">
				<p class="selected" id="tea-team"></p> <span class="color_change">茶旅联盟</span>
			</li>
			<li class="fl">
				<p class="" id="tea-pro-list"></p> <span class="">茶叶频道</span>
			</li>
			<li class="fl">
				<p class="" id="pro-list"></p> <span class="">茶区农产</span>
			</li>
			<li class="fl">
				<p class="" id="calculator"></p> <span class="">茶山估价</span>
			</li>
		</ul>
	</div>
	<div class="data-box">
		<p class="data-tit">茶山数据</p>
		<div class="data-det-box clear">
			<div class="fl all-data01">
				<p>累计发布茶园（亩）</p>
				<span id="teaCount"></span>
			</div>
			<span class="line fl"></span>
			<div class="fl all-data01">
				<p>累计交易茶园（亩））</p>
				<span id="teaSuccessCount" class="g-color"></span>
			</div>
		</div>
	</div>
	<div class="recommend-box">
		<p class="recommend-tit">热/门/推/荐</p>
		<div class="swiper-container swiper-container2">
			<div class="swiper-wrapper" id="teaHost">
				<!-- <div class="swiper-slide">
					<img src="http://f12.baidu.com/it/u=3258690773,159948086&fm=72" />
					<div class="img-det clear">
						<span class="fl">湖南益阳安华服务中心</span> <span class="fr">张先生
							138-3988-8888</span>
					</div>
				</div>
				<div class="swiper-slide">
					<img
						src="" />
					<div class="img-det clear">
						<span class="fl">湖南益阳安华服务中心</span> <span class="fr">张先生
							138-3988-8888</span>
					</div>
				</div>
				<div class="swiper-slide">
					<img
						src="" />
					<div class="img-det clear">
						<span class="fl">湖南益阳安华服务中心</span> <span class="fr">张先生
							138-3988-8888</span>
					</div>
				</div> -->
			</div>
		</div>
		<div class="index-list">
			<!-- <div class="list-item clear">
				<img src="http://f12.baidu.com/it/u=3258690773,159948086&fm=72"
					alt="" class="fl">
				<div class="item-r fl">
					<p class="item-tit">益阳安化县102亩有林地转让</p>
					<div class="item-det clear">
						<span class="fl color01">有林地</span> <span class="fl color02">转让</span>
						<span class="fl color03">已认证</span>
					</div>
					<div class="item-time clear">
						<p class="fl">102亩</p>
						<span class="fr">20年</span>
					</div>
					<div class="num-box clear">
						<div class="fl">
							￥<span>1000</span>万元
						</div>
						<p class="fr">湖南/益阳/安化</p>
					</div>
				</div>
			</div>
			<div class="list-item clear">
				<img src="http://f12.baidu.com/it/u=3258690773,159948086&fm=72"
					alt="" class="fl">
				<div class="item-r fl">
					<p class="item-tit">益阳安化县102亩有林地转让</p>
					<div class="item-det clear">
						<span class="fl color01">有林地</span> <span class="fl color02">转让</span>
						<span class="fl color03">已认证</span>
					</div>
					<div class="item-time clear">
						<p class="fl">102亩</p>
						<span class="fr">20年</span>
					</div>
					<div class="num-box clear">
						<div class="fl">
							￥<span>1000</span>万元
						</div>
						<p class="fr">湖南/益阳/安化</p>
					</div>
				</div>
			</div> -->
		</div>
	</div>
	<div class="detail-bottom">
		<div class="index1-green">
			<p id="index"></p>
			<span class="color-green">首页</span>
		</div>
		<div class="index2-gray">
			<p id="tea-market"></p>
			<span>茶山市场</span>
		</div>
		<div class="index3-gray">
			<p></p>
			<span>发布</span>
		</div>
		<div class="index4-gray">
			<p id="inf"></p>
			<span>茶讯头条</span>
		</div>
		<div class="index5-gray">
			<p id="tea-my"></p>
			<span>我的</span>
		</div>
	</div>
	<div class="demand-btn"></div>
	<!--选择地区弹层-->
	<section id="areaLayer" class="express-area-box">
		<header>
			<h3>选择地区</h3>
			<a id="backUp" class="back" href="javascript:void(0)" title="返回"></a>
			<a id="closeArea" class="close" href="javascript:void(0)" title="关闭"></a>
		</header>
		<article id="areaBox">
			<ul id="areaList" class="area-list"></ul>
		</article>
	</section>
	<!-- 地图 -->
	<div id='container' hidden="hidden"></div>
	<!--遮罩层-->
	<div id="areaMask" class="mask"></div>
	<script type="text/javascript" src="/LianniuWeb/tea/js/flexible.js"></script>
	<script type="text/javascript"
		src="/LianniuWeb/tea/js/jquery-1.11.3.min.js"></script>
	<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
	<script type="text/javascript"
		src="/LianniuWeb/tea/js/swiper3.1.0.min.js"></script>
	<script type="text/javascript" src="/LianniuWeb/tea/js/area.js"></script>
	<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
	<script type="text/javascript" src="/LianniuWeb/js/commons/commons.js"></script>
	<script type="text/javascript" src="/LianniuWeb/tea/views/index/index.js"></script>
	<script>
		/* var mySwiper = new Swiper('.swiper-container1', {
			direction : 'horizontal',
			loop : true,
			// 如果需要分页器
			pagination : '.swiper-pagination'
		});
		var mySwiper1 = new Swiper('.swiper-container2', {
			direction : 'horizontal',
			loop : true
		}); */
	</script>
		<script type="text/javascript">
		/* map = new AMap.Map('container', {
		        resizeEnable: true
		    });
		    map.plugin('AMap.Geolocation', function() {
		        geolocation = new AMap.Geolocation({
		            enableHighAccuracy: true,//是否使用高精度定位，默认:true
		            timeout: 10000,          //超过10秒后停止定位，默认：无穷大
		            buttonOffset: new AMap.Pixel(10, 20),//定位按钮与设置的停靠位置的偏移量，默认：Pixel(10, 20)
		            zoomToAccuracy: true,      //定位成功后调整地图视野范围使定位位置及精度范围视野内可见，默认：false
		            buttonPosition:'RB'
		        });
		        map.addControl(geolocation);
		        geolocation.getCurrentPosition();
		        AMap.event.addListener(geolocation, 'complete', onComplete);//返回定位信息
		        AMap.event.addListener(geolocation, 'error', onError);      //返回定位出错信息
		    });
		    //解析定位结果
		    function onComplete(data) {
		        var str=['定位成功'];
		        str.push('经度：' + data.position.getLng());
		        str.push('纬度：' + data.position.getLat());
		        if(data.accuracy){
		             str.push('精度：' + data.accuracy + ' 米');
		        }//如为IP精确定位结果则没有精度信息
		        str.push('是否经过偏移：' + (data.isConverted ? '是' : '否'));
		        //document.getElementById('tip').innerHTML = str.join('<br>');
		        $.ajax({
		     		type : "get",
		     		url : server_url+'/rest/teaUserPlace/getUserPlace.do?staffId='+userid+'&lon='+data.position.getLng()+'&lat='+data.position.getLat()+'&ran='+Math.random(),
		     		dataType:'json',
		     		async : false,
		     		data:{
		     			token:token
		     		},
		     		success : function(result) {
		     			if (result.retCode == '0000') {
		     				$("#expressArea").html(result.data.split("]")[1].substring(0,2));
		     			}else{
		     				
		     			}
		     		}
		     	});
		    }
		    //解析定位错误信息
		    function onError(data) {
		        alert("定位失败:");
		    } */
		</script>
</body>

</html>
